<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>在线支付</title>
    <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
    @include('public.h5_head')
    <link rel="stylesheet" type="text/css" href="{{ env('CDN_DOMAIN_NAME') }}/css/commoncss/common.css"/>
    <link rel="stylesheet" type="text/css" href="{{ env('CDN_DOMAIN_NAME') }}/css/owing.css"/>
    <script src="{{ env('CDN_DOMAIN_NAME') }}/js/commonjs/rem.js"></script>
</head>
<script src="{{ env('CDN_DOMAIN_NAME') }}/js/app.js"></script>
<body>
<div id="owing">
    <div class="owing_tit">在线支付</div>
    <div class="owing_time">
        <div class="owing_detail">
            <ul class="owing_ul">
                <li class="owing_li">
                    <p class="owing_p1">{{ $brand }}</p>
                    <p class="owing_p2">(</p>
                    <p class="owing_p3">{{ $order->title }}</p>
                    <p class="owing_p4">)</p>
                </li>
                <li class="owing_li details">详情</li>
                <li class="owing_li">￥{{ sprintf("%.2f",$order->actual_price) }}</li>
            </ul>
        </div>
        <p class="owing_txt">
            <span class="owing_money">已付</span>
            <span class="owing_pass">￥{{ sprintf("%.2f",$order->downpayment) }}</span>
        </p>
        <p class="owing_txt">
            <span class="owing_money">未付</span>
            <span class="owing_future">￥{{ sprintf("%.2f",$son_order->price) }}</span>
            <span class="owing_img"></span>
        </p>
    </div>
    <div class="owing_tit2">支付方式</div>
    <div class="owing_pic">
        <div class="owing_div1"></div>
        <div class="owing_div2">支付宝</div>
    </div>
    <div class="owing_btn">
        <div class="owing_sure user_pay">确认支付￥{{ sprintf("%.2f",$son_order->price) }}
        </div>
    </div>
    <div class="mask" style="display:none;"></div>
    <div class="maskDiv" style="display:none;">
        <div class="mask_tit">({{ $brand }})</div>
        <div class="mask_hint">
            <p style="width:34.93%;height:1px;background:#555;margin-top:0.5975rem;"></p>
            <p style="width:30.14%;height:1.195rem;line-height:1.195rem;border:1px solid #555;text-align:center;color:#fff;font-size:0.597rem;border-radius:0.555rem;box-sizing:border-box;">订单详情</p>
            <p style="width:34.93%;height:1px;background:#555;float:right;margin-top:0.5975rem;"></p>
        </div>
        <ul class="mask_ul">
            <li class="mask_li">
                <span class="mask_sp1">{{ $order->addressee_name }}</span>
                <span class="mask_sp2">{{ $order->addressee_tel }}</span>
            </li>
            <li class="mask_li">{{$order->addressee_place }}</li>
            <li class="mask_li">
                <span class="mask_sp3">款号：{{ $order->girard }}</span>
            </li>
            <li class="mask_li">
                <span class="mask_sp1">颜色：{{ $order->color }}</span>
                <span class="mask_sp2">×{{ $order->num }}/<i>手</i></span>
            </li>
        </ul>
        <div class="mask_hide">
            <img src="/img/close.png" alt="" />
        </div>
    </div>
</div>
</body>
<script>
    $(".details").click(function(){
        $(".mask").show();
        $(".maskDiv").show();
    })
    $(".mask_hide").click(function(){
        $(".mask").hide();
        $(".maskDiv").hide();
    })
    $('.user_pay').click(function () {
        window.location.href = '/pay/onCreditPay?order_num={{ $son_order->order_num }}&title={{ $order->title }}';
    })
</script>
</html>
